<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>百货购 - 文档中心</title>
    <link rel="stylesheet" href="http://fed.www.100hg.com/bootstrap/css/bootstrap.min.css" media="all" />
    <link rel="stylesheet" href="http://fed.www.100hg.com/bootstrap/css/bootstrap-responsive.min.css" media="all" />
    <style type="text/css">
        body {
            padding-top: 60px;
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }
        .nav-header{font-size: 16px;}
        .navbar-inverse .brand{color:#fff;}
        .con-mask{ height: 200px; text-align: center; font-size: 15px; font-weight: bold;}
    </style>
</head>
<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="brand" href="#">百货购API接口文档</a>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span3">
                <div class="well sidebar-nav">
                    <ul class="nav nav-list">
                        <li class="nav-header">用户接口</li>
                        <li><a href="#">user.login</a></li>
                        <li><a href="#">user.login.third</a></li>
                        <li><a href="#">user.loginout</a></li>
                        <li><a href="#">user.check.name</a></li>
                        <li><a href="#">user.register</a></li>
                        <li><a href="#">user.findpwd</a></li>
                        <li><a href="#">user.updatepwd</a></li>
                        <li><a href="#">user.info</a></li>
                        <li><a href="#">user.edit</a></li>
                        <li class="nav-header">类目接口</li>
                        <li><a href="#">category.list</a></li>
                        <li><a href="#">category.flow</a></li>
                        <li class="nav-header">商品接口</li>
						<li><a href="#">product.item</a></li>
						<li><a href="#">product.stock</a></li>
                        <li><a href="#">product.list</a></li>
                        <li><a href="#">product.search</a></li>
                        <li><a href="#">product.collect.item</a></li>
                        <li><a href="#">product.collect.list</a></li>
                        <li class="nav-header">店铺接口</li>
                        <li><a href="#">shop.search</a></li>
                        <li><a href="#">shop.push</a></li>
                        <li class="nav-header">交易接口</li>
                        <li><a href="#">trade.province.list</a></li>
                        <li><a href="#">trade.city.list</a></li>
                        <li><a href="#">trade.receiver.list</a></li>
                        <li><a href="#">trade.receiver.add</a></li>
                        <li><a href="#">trade.express.list</a></li>
                        <li><a href="#">trade.cart.add</a></li>
                        <li><a href="#">trade.cart.list</a></li>
                        <li><a href="#">trade.orders.generate</a></li>
                        <li><a href="#">trade.orders.search</a></li>
                        <li><a href="#">trade.orders.item</a></li>
                        <li><a href="#">trade.orders.update</a></li>
                        <li><a href="#">trade.evaluation.add</a></li>
                        <li><a href="#">trade.evaluation.list</a></li>
                        <li class="nav-header">其他接口</li>
                        <li><a href="#">other.version.detected</a></li>
                        <li class="nav-header">接口说明</li>
                        <li api_name="api_paras"><a href="#">系统级参数</a></li>
                        <li api_name="api_sign"><a href="#">签名验证</a></li>
                    </ul>
                </div>
            </div>
            <div class="span9 d_api-con">
                <div class="hero-unit">
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://fed.www.100hg.com/js.axd?paths=jquery-1.7.2.min.js,bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        var $navs=$(".nav-list li").not(".nav-header");
        var get_desc=function(navObj){
            $(".d_api-con").html('<div class="con-mask">努力加载中..</div>');
            var $nav=$(navObj);
            $navs.removeClass("active");
            $nav.addClass("active");
            var api_name=$nav.attr("api_name");
            if(api_name){
                $.get("apiTools/"+api_name+".html",
                    {},function(data){
                        $(".d_api-con").html(data);
                        $(document).scrollTop(0);
                    }
                ,"html");
            }
        };
        $(document)
            .ready(function(){
                var $links = $navs.find("a");
				for(var i=0;i<$links.length;i++){
					var $item=$links.eq(i),
                        $li=$item.parent("li"),
                        api_name="";
                    if(!$li.attr("api_name")){
                        api_name=$item.html().replace(/\./gi,"_");
                        $item.parent("li").attr("api_name",api_name);
                    }else{
                        api_name=$li.attr("api_name");
                    }
					$item.attr("href","#"+api_name);
				}
                var hash=location.hash;
				if(!hash || hash=="#")
					get_desc($navs.eq(0));
				else
					get_desc($(".nav-list li[api_name="+hash.replace("#","")+"]"));
            })
            .delegate(".nav-list li","click",function(){
                if($(this).hasClass("nav-header"))
                    return false;
                get_desc(this);
            })
        ;
    </script>
</body>
</html>